﻿.khung-dang-nhap {

}
    .khung-dang-nhap > ul {
        display: flex;
        border: 1px solid #ddd;
    }
            .khung-dang-nhap > ul > li.cot-trai > ul {
                width: 150px;
            }
                .khung-dang-nhap > ul > li.cot-trai > ul > li:first-child {
                    border-bottom: 1px solid #eee;
                }
                .khung-dang-nhap > ul > li.cot-trai > ul > li > input {
                    width: calc(100% - 10px);
                    height: 20px;
                    padding: 5px;
                    font-size: 13px;
                    outline: none;
                    border: none;
                }
                    .khung-dang-nhap > ul > li.cot-trai > ul > li > input:focus {
                        border-right: 3px solid #08c;
                        width: calc(100% - 13px);
                    }
            .khung-dang-nhap > ul > li.cot-phai > ul {
                border-left: 1px solid #eee;    
            }
                .khung-dang-nhap > ul > li.cot-phai > ul > li > input {
                    background: -webkit-linear-gradient(top, white, #f8f8f8);
                    background: -moz-linear-gradient(top, white, #f8f8f8);
                    outline: none;
                    border: none;
                    height: 61px;
                    padding: 10px 15px;
                    font-size: 13px;
                }
                    .khung-dang-nhap > ul > li.cot-phai > ul > li > input:hover,
                    .khung-dang-nhap > ul > li.cot-phai > ul > li > input:focus {
                        background: -webkit-linear-gradient(top, white, #f6fcff);
                    }
